<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="粥员外,粥店加盟,粥铺加盟,粥屋加盟,养生粥加盟,粥员外加盟费">
    <meta name="description" content="粥员外是粥店加盟10大品牌之一的连锁品牌，外卖粥铺加盟更具人气的品牌，粥店加盟政策、粥屋加盟费、上粥员外加盟总部，念着你，暖着你！">
    <title>联系我们</title>
    <link rel=icon type=image/x-icon href=./public/favicon.ico>
    <!-- 重置页面 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 当页面的css -->
    <link rel="stylesheet" href="./css/news.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- layui.css -->
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <!-- swiper -->
    <link rel="stylesheet" href="./lib/swiper/swiper.min.css">
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
</head>
<body>

<!-- 导航 -->
<header class="">
    <h1 class="">
        <a href="/">
            <img src="./images/index/logo.png" alt="">
        </a>
    </h1>

    <ul class="layui-nav tab-nav" lay-filter="">
        <li class="layui-nav-item"><a href="/">首页</a></li>
        <li class="layui-nav-item">
            <a href="./introduce.html">关于我们</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="./introduce.html">公司介绍</a></dd>
                <dd><a href="./introduce.html">品牌理念</a></dd>
                <dd><a href="./introduce.html">品牌力量</a></dd>
                <dd><a href="./introduce.html">形象展示</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="./product.html">产品中心</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="./product.html">香浓甜粥</a></dd>
                <dd><a href="./product.html">软糯咸粥</a></dd>
                <dd><a href="./product.html">美味小食</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="./join.html">加盟指南</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="./join.html">加盟流程</a></dd>
                <dd><a href="./join.html">加盟支持</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item layui-this"><a href="javascript:void(0);">品牌新闻</a></li>
        <li class="layui-nav-item"><a href="./contact.html">联系我们</a></li>
    </ul>


    <div class="phone">
        <img src="./images/index/phone.png" alt="">
        <p>
            <i>创业请咨询</i>
            <i>400-999-8017</i>
        </p>
    </div>
</header>

<div class="banner">
    <img src="./images/news/banner01.jpg" alt="">
</div>

<!-- 面包屑 -->
<div class="bread">
    <div class="w">
        <a href="/"><i class="iconfont">&#xe600;</i>首页</a>
        <span class="iconfont">&#xe604;</span>
        <a href="javascript:void(0);">品牌新闻</a>
    </div>
</div>

<!-- 主体 -->
<main>
    <div class="w clearfix">

        <!-- 新闻列表 -->
        <div class="news-list fl">
           <div>
               <a href="./news/1.html">
                   <img src="./images/news/news01_top.jpg" alt="">
                   <div class="news-top-msg">
                       <p>2019/06/15</p>
                       <h2>粥员外加盟新店6店齐开</h2>
                       <p class="te">热烈祝贺粥员外加盟新店6店齐开，新店开业生意兴隆，下面随着粥员外小编一起来看看新店风采吧。热烈祝贺粥员外加盟新店6店齐开，新店开业生意兴隆，下面随着粥员外小编一起来看看新店风采吧。热烈祝贺粥员外加盟新店6店齐开，新店开业生意兴隆，下面随着粥员外小编一起来看看新店风采吧。热烈祝贺粥员外加盟新店6店齐开，新店开业生意兴隆，下面随着粥员外小编一起来看看新店风采吧。</p>
                       <div class="konw-more">了解更多</div>
                   </div>
               </a>
           </div>
            <ul>
                <li>
                    <a href="javascript:void(0);">
                        <div class="news-time">
                            <p>25</p>
                            <p>2019-6</p>
                        </div>
                        <div class="news-cont">
                            <h2>粥店加盟考察注意事项</h2>
                            <p class="te1">当今越来越多的人想通过创业追求财富，对于众多的中小投资创业者而言，加盟一个靠谱的粥店加盟品牌是一个实在的办法当今越来越多的人想通过创业追求财富，对于众多的中小投资创业者而言，加盟一个靠谱的粥店加盟品牌是一个实在的办法当今越来越多的人想通过创业追求财富，对于众多的中小投资创业者而言，加盟一个靠谱的粥店加盟品牌是一个实在的办法。</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>

        <!-- 新闻人物 -->
        <div class="news-person fr">
            <ul>
                <li>
                    <a href="javascript:void(0);">
                        <img src="./images/news/per01.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <img src="./images/news/per02.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</main>


<!-- 表单 -->
<div class="form-box">
    <h2>

    </h2>
    <div class="w">
        <img src="./images/index/qrcode.png" alt="" class="qrcode fl">

        <form action="" class="layui-form w mb-form fl">
            <span>
                <input type="text" placeholder="请输入姓名" class="layui-input" name="username" lay-verify="username">
                <input type="text" placeholder="请输入联系方式" class="layui-input" name="phone" lay-verify="required|phone">
            </span>
            <textarea name="address" placeholder="请输入所在地区" class="layui-textarea"></textarea>
            <button lay-submit lay-filter="go" class="botton-btn"></button>
        </form>

        <div class="form-logo fr">
            <img src="./images/index/form_logo.png" alt="">
        </div>
    </div>
</div>

<footer>
    <div class="footer-top">
        <div class="w">
            <div class="footer-logo">
                <img src="./images/index/footer_logo.png" alt="">
            </div>
            <ul class="footer-nav">
                <li>
                    <a href="/">
                        首页
                    </a>
                </li>
                <li>
                    <a href="./introduce.html">
                        关于我们
                    </a>
                </li>
                <li>
                    <a href="./product.html">
                        产品中心
                    </a>
                </li>
                <li>
                    <a href="./join.html">
                        加盟指南
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);" class="f-active">
                        品牌新闻
                    </a>
                </li>
                <li>
                    <a href="./contact.html">
                        联系我们
                    </a>
                </li>
            </ul>
            <div class="footer-phone">
                <img src="./images/index/phone.png" alt="">
                <p>
                    <i>创业请咨询</i>
                    <i>400-999-8017</i>
                </p>
            </div>
        </div>
    </div>

    <hr>

    <div class="footer-bottom">
        <div class="w clearfix">
            <p class="fl">Copyright © 2019 版权所有 粥员外 浙ICP备17052793号</p>
            <ul class="fr">
                <li>友情链接：</li>
                <li>
                    <a href="javascript:void(0);">
                        粥店加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        麻辣烫加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        炒饭加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
            </ul>
        </div>
    </div>

</footer>

<!-- axios -->
<script src="./lib/axios/axios.min.js"></script>
<!-- jq -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<!-- layui.js -->
<script src="./lib/layui/layui.js"></script>
<!-- swiper -->
<script src="./lib/swiper/swiper.min.js"></script>
<script src="./js/index/index.js"></script>
<script>


    // 字符截取
    function strSub(el,limit) {
        var _str = $(el).html()
        if(_str.length>limit){
            var newStr = _str.substring(0,limit)
            console.log(newStr)
            $(el).html(newStr +"...")
        }
    }
    strSub(".te",51)
    strSub(".te1",78)

</script>
</body>
</html>

